<template>
  <m-page>
    <!-- 借款详情页 -->
    <m-header title="电子合同"></m-header>
      <!-- 借款情况提示区域 -->
      <div class="g-tip">该借据还未放款，暂未生成还款计划。</div>
      <!-- <div class="g-tip">已逾期24天，共产生248元逾期利息</div> -->
      <!-- 借款额度区域 -->
      <div class="g-limit">
        <div></div>
        <div>
          <span>借款金额（元）</span>
          <span>15,000.00</span>
        </div>
        <div>
          <div>待放款</div>
          <!-- <div>已逾期</div> -->
          <!-- <div>已结清</div> -->
        </div>
      </div>
      <!-- 还款情况区域 -->
      <div class="g-pay">
        <div>
          <span>剩余应还（元）</span><br>
          <span>15,000.00</span>
        </div>
        <div>
          <span>已还金额（元）</span><br>
          <span>15,000.00</span>
        </div>
      </div>
      <!-- 借款人身份信息 -->
      <div class="g-identity">
        <div>
          <div><span>借款人</span></div>
          <div><span>张*虎</span></div>
        </div>
        <div>
          <div><span>身份证号码</span></div>
          <div><span>6214 **** **** **** 6823</span></div>
        </div>
      </div>
      <!-- 借款基本信息 -->
      <div class="g-message">
        <div class="g-message-number">
          <div><span>借据编号</span></div>
          <div><span>10405015306</span></div>
          <div><ynet-icon name="arrow-right" size="lg"></ynet-icon></div>
        </div>
        <div class="g-message-application">
          <div><span>查看贷款申请书</span></div>
          <div><ynet-icon name="arrow-right" size="lg"></ynet-icon></div>
        </div>
        <div class="g-message-rate">
          <div><span>日利率</span></div>
          <div><span>0.030%</span></div>
        </div>
        <div class="g-message-deadline">
          <div><span>借款期限</span></div>
          <div><span>36个月</span></div>
        </div>
        <div class="g-message-time">
          <div><span>起止时间</span></div>
          <div><span>2016/07/21~2017/03/12</span></div>
        </div>
      </div>
      <!-- 还款信息 -->
      <div class="g-return">
         <div class="g-return-account">
          <div><span>还款账户</span></div>
          <div><span>6214************8888</span></div>
          <div><button>更换</button></div>
        </div>
        <div class="g-return-paymethod">
          <div>还款方式</div>
          <div>按月付息，到期还本<span class="iconfont">&#xe704;</span></div>
        </div>
        <div class="g-return-date">
          <div>还款日期</div>
          <div>每月21号</div>
        </div>
        <div class="g-return-plan">
          <div>还款计划</div>
          <div><ynet-icon name="arrow-right" size="lg"></ynet-icon></div>
        </div>
        
      </div>
      <!-- 立即还款 -->
      <div class="g-button">
        <ynet-button type="warning">立即还款</ynet-button>
      </div>
  </m-page>
</template>

<script>
import { Button, CellItem, Icon } from "ynet-mobile";
  export default {
    components: {
      [Button.name]:Button,
      [CellItem.name]: CellItem,
      [Icon.name]: Icon
    },
    data() {
      return {

      }
    },
    created() {},
    methods:{
      handClick(){
        // 返回上一个页面
        app.api.pushWindow()
      }
    },
    mounted() {},
    watch: {},
    computed: {}
  }
</script>

<style lang="scss" scoped>
  @import './index.scss';
</style>

